<template>
  <!-- 主体 -->
  <div class="main">
    <!-- 内容 -->
    <div class="content warp">
      <img :src="require('pc_img/login/插画.png')" alt="" />
      <ForgotPassword v-if="isForgot"></ForgotPassword>
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
const ForgotPassword = () => import('./ForgotPassword.vue')
export default {
  data () {
    return {
      isForgot: false
    }
  },
  provide () {
    // 注入 用于忘记密码弹窗 显示隐藏切换
    return {
      isForgot: this.isForgot,
      changeForgot: (state) => {
        this.isForgot = state
      }
    }
  },
  components: {
    ForgotPassword
  },
  methods: {}
}
</script>
